$baseColor:#3461FD;

/* 通用的flex布局样式 */
.flex {
  display: flex;
  flex-direction: row;
  /* 主轴方向为水平方向 */
  flex-wrap: nowrap;
  /* 不换行 */
  justify-content: flex-start;
  /* 主轴上的对齐方式为起始位置 */
  align-items: center;
  /* 交叉轴上的对齐方式为拉伸填充 */
}

.flex-column {
  display: flex;
  flex-direction: column;
  /* 主轴方向为垂直方向 */
  flex-wrap: nowrap;
  /* 不换行 */
  justify-content: space-between;
  /* 主轴上的对齐方式为居中 */
  align-items: center;
  /* 交叉轴上的对齐方式为居中 */
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-between {
  justify-content: space-between;
  /* 主轴上的对齐方式为起始位置 */
}

.flex-around {
  justify-content: space-around;
  /* 主轴上的对齐方式为起始位置 */
}

.flex-center {
  justify-content: center;
  /* 主轴上的对齐方式为起始位置 */
}

.flex-end {
  justify-content: flex-end;
}

/* 子元素的flex布局样式 */
.flex-item {
  align-self: auto;
  /* 子元素的交叉轴对齐方式为自动 */
}

.fff {
  background-color: #fff !important;
}

.bold {
  font-weight: bold;
}

.btn {
  /*统一按钮样式*/
  font-size: 30rpx;
  color: #ffffff;
  background: $baseColor;
  /* border-radius: 16rpx; */
  height: 90rpx;
  display: flex;
  border-radius: 8rpx;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  border: 1px solid $baseColor;
}

.empty-btn {
  background-color: #fff;
  color: $baseColor;
}

.cancel-btn {
  color: #4E5050;
  background-color: #fff;
  border-color: #e8e8e8;
}

.disabled {
  background-color: #B9B9B9;
  color: #fff;
  border-color: #B9B9B9;
}

.border-b {
  /*底边框*/
  border-bottom: 1px solid #e8e8e8;
}

.border-t {
  border-top: 1px solid #e8e8e8;
}

.shadow {
  box-shadow:
    0px 1px 4px rgba(0, 0, 0, 0.5),
    0px -1px 4px rgba(255, 255, 255, 0.5);
}

.shadow-t {
  box-shadow:
    0px -1px 2px rgba(0, 0, 0, 0.5),
    0px 1px 2px rgba(255, 255, 255, 0.5);
}

.label {
  font-size: 28rpx;
  color: #666;
}

.input {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8rpx;
  height: 80rpx;
  line-height: 80rpx;
  color: #333;
  font-size: 28rpx;
  width: 100%;
  padding: 0 10rpx;
  border: 1px solid $baseColor;
}

.radio {
  transform: scale(0.7);
}

.textarea {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8rpx;
  font-size: 28rpx;
  width: 100%;
  padding: 10rpx;
  border: 1px solid $baseColor;
  color: #333;
  line-height: 30rpx;
}

.red {
  color: $uni-color-error !important;
}

.green {
  color: $uni-color-success !important;
}


.text-center {
  text-align: center;
}